<?xml version="1.0" encoding="ISO-8859-1" ?>

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
	  xmlns:a4j="http://richfaces.org/a4j"
	  xmlns:easy="http://easyfaces.com.br/easyfaces">
	
	<f:subview id="subviewManterCliente">
	
	<script type="text/javascript">	

			function preencheDadosPopupCidade(codigo, descricao, estado,uf, pais, ddd) {
				document.getElementById('subviewManterCliente:formClienteManter:cliente_cidade_codigo').value = codigo;
				document.getElementById('subviewManterCliente:formClienteManter:cliente_cidade_descricao').value = descricao;
				
				document.getElementById('subviewManterCliente:formClienteManter:cliente_estado_sigla').value = uf;
				document.getElementById('subviewManterCliente:formClienteManter:cliente_pais_descricao').value = pais;
				document.getElementById('subviewManterCliente:formClienteManter:cliente_ddd').value = ddd;
			}
			
			function preencheDadosPopupCargo(codigoCargo, descricaoCargo) {
				document.getElementById('subviewManterCliente:formClienteManter:cliente_cargo_codigo').value = codigoCargo;
				document.getElementById('subviewManterCliente:formClienteManter:cliente_cargo_descricao').value = descricaoCargo;
			}
		</script>
		
		<rich:modalPanel id="manterCliente" autosized="true" headerClass="height:20px;" resizeable="false">
			<f:facet name="header">
				<h:outputText value="#{bundle.cliente_titulo_manter}" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGroup>
					<h:graphicImage value="/images/close.gif" styleClass="botao_fechar_popup" id="hideLink">
						<rich:componentControl for="manterCliente" attachTo="hideLink" operation="hide" event="onclick" />
					</h:graphicImage>
				</h:panelGroup>
			</f:facet>
			<b><font color="red"><rich:messages id="msgClienteManter"></rich:messages></font></b>
			<a4j:form ajaxSubmit="true" id="formClienteManter" reRender="formClienteManter">

			<rich:panel>
				<h:panelGrid columns="3">
					<h:outputLabel value="#{bundle.cliente_tipo_cliente}:"/>
					<h:selectOneRadio id="cliente_tipo_cliente" value="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente}" disabled="#{clienteBackBean.clienteFormBean.isDisabled || (clienteBackBean.clienteFormBean.isEditarDisabled &amp;&amp; !clienteBackBean.clienteFormBean.isDisabled)}">
						<f:selectItem itemValue="1" itemLabel="#{bundle.cliente_tipo_cliente_fisico}" />
						<f:selectItem itemValue="2" itemLabel="#{bundle.cliente_tipo_cliente_juridico}" />
                        <a4j:support event="onchange" reRender="formClienteManter"/>
					</h:selectOneRadio>
				</h:panelGrid>
			</rich:panel>	
				
				
			<rich:panel>
			
			
				<h:panelGrid columns="4"  width="850px" >
				        
	                   
	                    						
	                    <h:outputLabel style="color:red;" value="#{bundle.cliente_nome} * " for="cliente_nome" rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 1}" />
	                    <h:outputLabel style="color:red;" value="#{bundle.cliente_razao_social} * " for="cliente_nome" rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 2}" />
	                    <h:inputText id="cliente_nome" value="#{clienteBackBean.clienteFormBean.clienteManter.nome}" label="#{bundle.cliente_nome}" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" maxlength="50" size="40" />
	                    
	                    <h:outputLabel value="#{bundle.cliente_apelido} " for="cliente_apelido" rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 1}" />
	                    <h:outputLabel value="#{bundle.cliente_nome_fantasia} " for="cliente_apelido" rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 2}" />
	                    <h:inputText id="cliente_apelido" value="#{clienteBackBean.clienteFormBean.clienteManter.apelido}" label="#{bundle.cliente_apelido}" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" maxlength="50" size="40" />
	            </h:panelGrid>	
	            
	            <h:panelGrid columns="4"  width="400px" >
	 					<h:outputLabel style="color:red;"   value="#{bundle.cliente_cpf} * " for="cliente_cpf" rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 1}" />
	                    <h:outputLabel style="color:red;" value="#{bundle.cliente_cnpj} * " for="cliente_cnpj" rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 2}" />
	                    <easy:inputMask id="cliente_cpf" value="#{clienteBackBean.clienteFormBean.clienteManter.cpfCnpj}" submitWithMask="true" mask="999.999.999-99" useMask="true" useValidate="false" useMaskSize="true" placeHolder="_" label="#{bundle.cliente_cpf}" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 1}" />
	                    <easy:inputMask id="cliente_cnpj" value="#{clienteBackBean.clienteFormBean.clienteManter.cpfCnpj}" submitWithMask="true" mask="99.999.999/9999-99" useMask="true" useValidate="false" useMaskSize="true" placeHolder="_" label="#{bundle.cliente_cnpj}" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 2}" />
					           
	            		<h:outputLabel value="#{bundle.cliente_data_nascimento} " for="cliente_data" rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 1}" />
	                    <h:outputLabel value="#{bundle.cliente_data_criacao_empresa} " for="cliente_data" rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 2}" />
	                    <rich:calendar id="cliente_data" value="#{clienteBackBean.clienteFormBean.clienteManter.data}" inputStyle="width:5em" label="#{bundle.cliente_data_nascimento}" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" datePattern="dd/MM/yyyy" />
	           </h:panelGrid> 
	           
	           <h:panelGrid columns="4"  width="600px" >
	                    <h:outputLabel value="#{bundle.cliente_email} " for="cliente_email" />
	                    <h:inputText id="cliente_email" value="#{clienteBackBean.clienteFormBean.clienteManter.email}" label="#{bundle.cliente_email}" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" maxlength="50" size="35" />
	                    
	                    <h:outputLabel value="#{bundle.cliente_site} " for="cliente_telefone_site" />
	                    <h:inputText id="cliente_telefone_site" value="#{clienteBackBean.clienteFormBean.clienteManter.site}" label="#{bundle.cliente_telefone_comercial}" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" maxlength="50" size="35" />
	                
	           </h:panelGrid>         
         
	              	<h:inputHidden id="cliente_cidade_codigo" value="#{clienteBackBean.clienteFormBean.clienteManter.enderecoVO.cidadeVO.codigo}" label="#{bundle.cliente_cidade_codigo}" />
								
	                <h:panelGrid columns="10"  width="720px" > 
							  	<h:outputLabel style="color:red;" value="#{bundle.cliente_cidade} * " for="cliente_cidade_descricao" />
								<h:inputText id="cliente_cidade_descricao" value="#{clienteBackBean.clienteFormBean.clienteManter.enderecoVO.cidadeVO.descricao}" label="#{bundle.cliente_cidade_descricao}" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" size="30" />

							    <a4j:commandButton value="#{bundle.cliente_btn_popup}" id="btnPopupCidade" reRender="formClienteManter" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" onclick="caso_de_uso_cidade = 'cliente';">
							    	<rich:componentControl for="popupCidade" attachTo="btnPopupCidade" operation="show" event="onclick" />
							    </a4j:commandButton>
							    
							    <h:outputLabel style="color:red;" value="#{bundle.cliente_estado} " for="cliente_estado_sigla" />
			                    <h:inputText id="cliente_estado_sigla" value="#{clienteBackBean.clienteFormBean.clienteManter.enderecoVO.cidadeVO.estadoVO.sigla}" label="#{bundle.cliente_estado}" disabled="#{clienteBackBean.clienteFormBean.isDisabled}"  size="3" />
			                    
			                    <h:outputLabel style="color:red;" value="#{bundle.cliente_pais} " for="cliente_pais_descricao" />
			                    <h:inputText id="cliente_pais_descricao" value="#{clienteBackBean.clienteFormBean.clienteManter.enderecoVO.cidadeVO.estadoVO.paisVO.descricao}" label="#{bundle.cliente_pais}" disabled="#{clienteBackBean.clienteFormBean.isDisabled}"  size="30" />
				   
				         <h:outputLabel style="color:red;" value="#{bundle.cliente_ddd} * " for="cliente_ddd" />
                         <h:inputText id="cliente_ddd" value="#{clienteBackBean.clienteFormBean.clienteManter.enderecoVO.cidadeVO.ddd}" label="#{bundle.cliente_ddd}" size="1"  readonly="true" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" />
                         
				   
				   </h:panelGrid>
						
				   <h:panelGrid columns="2"    rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 2}">	
				         
                         <h:outputLabel style=" color:red; " value="#{bundle.cliente_telefone_comercial} * " for="cliente_telefone_residencial1" rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 2}" />
	                     <easy:inputMask id="cliente_telefone_residencial1" value="#{clienteBackBean.clienteFormBean.clienteManter.telefoneResidencial}" label="#{bundle.cliente_telefone_residencial}"  required="false" submitWithMask="false" mask="9999-9999" useMask="true" useValidate="false" useMaskSize="true" placeHolder="_" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" />
                               
				   
				   </h:panelGrid>
				   
				   <h:panelGrid columns="6"  width="680px"  rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 1}">	  
				                      
	                     
                         
                         
	                     <h:outputLabel style="color:red; " value="#{bundle.cliente_telefone_comercial} * " for="cliente_telefone_comercial" rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 1}" />
	                     <easy:inputMask id="cliente_telefone_comercial" value="#{clienteBackBean.clienteFormBean.clienteManter.telefoneComercial}" label="#{bundle.cliente_telefone_comercial}"  required="false" submitWithMask="false" mask="9999-9999" useMask="true" useValidate="false" useMaskSize="true" placeHolder="_" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 1}"  />
               
	                    
	                                    
	            		 <h:outputLabel  value="#{bundle.cliente_telefone_residencial} " for="cliente_telefone_residencial" rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 1}" />
	                     <easy:inputMask id="cliente_telefone_residencial" value="#{clienteBackBean.clienteFormBean.clienteManter.telefoneResidencial}" label="#{bundle.cliente_telefone_residencial}"  required="false" submitWithMask="false" mask="9999-9999" useMask="true" useValidate="false" useMaskSize="true" placeHolder="_" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" />
                         
	                    
	                    
	                    <h:outputLabel  value="#{bundle.cliente_telefone_celular} " for="cliente_telefone_celular" rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 1}" />
	                    <easy:inputMask id="cliente_telefone_celular" value="#{clienteBackBean.clienteFormBean.clienteManter.telefoneCelular}" label="#{bundle.cliente_telefone_celular}"  required="false" submitWithMask="false" mask="9999-9999" useMask="true" useValidate="false" useMaskSize="true" placeHolder="_" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 1}"  />
                    
	                    
	                    
	           </h:panelGrid>
						
			   <h:panelGrid columns="4"  width="750px">                	

		                		<h:outputLabel style="color:red;" value="#{bundle.cliente_logradouro} * " for="cliente_logradouro" />
			                    <h:inputText id="cliente_logradouro" value="#{clienteBackBean.clienteFormBean.clienteManter.enderecoVO.logradouro}" label="#{bundle.cliente_logradouro}" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" maxlength="50" size="40" />
			                    
			                    <h:outputLabel style="color:red;" value="#{bundle.cliente_bairro} * " for="cliente_bairro" />
			                    <h:inputText id="cliente_bairro" value="#{clienteBackBean.clienteFormBean.clienteManter.enderecoVO.bairro}" label="#{bundle.cliente_bairro}" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" maxlength="50" size="40" />
			                    
			                    
			    </h:panelGrid>
			    
			    <h:panelGrid columns="6"  width="650px" >
			                    <h:outputLabel style="color:red;" value="#{bundle.cliente_cep} * " for="cliente_cep" />
			                    <easy:inputCep id="cliente_cep" value="#{clienteBackBean.clienteFormBean.clienteManter.enderecoVO.cep}"  label="#{bundle.cliente_cep}"  required="false" submitWithMask="false" useMask="true" useValidate="false" useMaskSize="true" placeHolder="_" disabled="#{clienteBackBean.clienteFormBean.isDisabled}"  />
	                        
	                            <h:outputLabel style="color:red;" value="#{bundle.cliente_numero} * " for="cliente_numero" />
			                    <h:inputText id="cliente_numero" value="#{clienteBackBean.clienteFormBean.clienteManter.enderecoVO.numero}" label="#{bundle.cliente_numero}" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" maxlength="10" size="8" />		                    
			                    
			                    <h:outputLabel value="#{bundle.cliente_complemento} " for="cliente_complemento" />
			                    <h:inputText id="cliente_complemento" value="#{clienteBackBean.clienteFormBean.clienteManter.enderecoVO.complemento}" label="#{bundle.cliente_complemento}" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" maxlength="50" size="40" />
			                    
			                    
			    </h:panelGrid>  

		                 	
   	         </rich:panel>        

							 	
			 
	                	
		               	<rich:jQuery selector="#cliente_cidade_descricao" timing="onload" query="attr('readOnly', true)" />
					    <rich:jQuery selector="#cliente_estado_descricao" timing="onload" query="attr('readOnly', true)" />
					    <rich:jQuery selector="#cliente_estado_sigla" timing="onload" query="attr('readOnly', true)" />
					    <rich:jQuery selector="#cliente_pais_descricao" timing="onload" query="attr('readOnly', true)" />

	                
	                <rich:panel rendered="#{clienteBackBean.clienteFormBean.clienteManter.tipoCliente == 2}"> 
	               <f:facet name="header">#{bundle.cliente_responsavel}</f:facet>
	                <h:panelGrid columns="4">
	                		<h:outputLabel style="color:red;" value="#{bundle.cliente_responsavel_nome} * " for="cliente_responsavel_nome" />
		                    <h:inputText id="cliente_responsavel_nome" value="#{clienteBackBean.clienteFormBean.clienteManter.responsavelVO.nome}" label="#{bundle.cliente_responsavel_nome}" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" maxlength="50" size="40" />
		                     
		                     <h:outputLabel value="#{bundle.cliente_responsavel_email} " for="cliente_responsavel_email" />
		                    <h:inputText id="cliente_responsavel_email" value="#{clienteBackBean.clienteFormBean.clienteManter.responsavelVO.email}" label="#{bundle.cliente_responsavel_email}" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" maxlength="50" size="40" />
	                	
		                    <h:outputLabel value="#{bundle.cliente_responsavel_telefone_celular} " for="cliente_responsavel_telefone_celular" />
		                    <easy:inputMask id="cliente_responsavel_telefone_celular" value="#{clienteBackBean.clienteFormBean.clienteManter.responsavelVO.telefoneCelular}"  label="#{bundle.cliente_responsavel_telefone_celular}"  required="false" submitWithMask="false" mask="9999-9999" useMask="true" useValidate="false" useMaskSize="true" placeHolder="_" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" />
                    		
		                    
		                    <h:outputLabel value="#{bundle.cliente_responsavel_telefone_comercial} " for="cliente_responsavel_telefone_comercial" />
		                    <easy:inputMask id="cliente_responsavel_telefone_comercial" value="#{clienteBackBean.clienteFormBean.clienteManter.responsavelVO.telefoneComercial}"   label="#{bundle.cliente_responsavel_telefone_comercial}"   required="false" submitWithMask="false" mask="9999-9999" useMask="true" useValidate="false" useMaskSize="true" placeHolder="_" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" />
                    		
		                   </h:panelGrid>
	           
     </rich:panel> 

				
				<h:panelGrid columns="2">
					<h:outputLabel value="#{bundle.cliente_observacoes} " for="cliente_observacoes" />
	                <h:inputTextarea id="cliente_observacoes" value="#{clienteBackBean.clienteFormBean.clienteManter.observacoes}" label="#{bundle.cliente_observacoes}" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" onkeyup="validarInputTextarea(this, 200);" cols="40" rows="1" />
				</h:panelGrid>

                <div class="linha"/>
                
               <h:outputLabel value="#{bundle.campos_obrigatorios} (*) " style="color:red;"/>  
               <div class="linha"/>
                
                <a4j:commandButton  value="#{bundle.cliente_btn_gravar}"  action="#{clienteBackBean.manterCliente}" reRender="formClienteConsulta, formClientePopup, gridCliente" disabled="#{clienteBackBean.clienteFormBean.isDisabled}" oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('manterCliente')}.hide(); " />
                <a4j:commandButton  value="#{bundle.cliente_btn_excluir}" id="btnExcluir" action="#{clienteBackBean.excluirCliente}" reRender="gridCliente" disabled="#{(clienteBackBean.clienteFormBean.isEditarDisabled &amp;&amp; !clienteBackBean.clienteFormBean.isDisabled)}">
                 <rich:componentControl for="manterCliente" attachTo="btnExcluir" operation="hide" event="onclick" />
                 </a4j:commandButton>
                 <a4j:commandButton value="#{bundle.cliente_btn_voltar}" id="btnVoltar" action="#{clienteBackBean.obterListaCliente}" reRender="gridCliente" >
                	<rich:componentControl for="manterCliente" attachTo="btnVoltar" operation="hide" event="onclick" />
                </a4j:commandButton>
              	
			</a4j:form>

		</rich:modalPanel>
	
	</f:subview>
   <ui:include src="/pages/cidade/popupCidade.xhtml" />
</html>